<svg viewBox="0 0 600 400" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(72, 364)">
<g>
<g>
<rect fill="" height="10" width="10" x="8.714285714285714" y="-33.333333333333336"/>
<rect fill="" height="10" width="10" x="22.428571428571427" y="-61.66666666666667"/>
<rect fill="" height="10" width="10" x="36.142857142857146" y="-90"/>
<rect fill="" height="10" width="10" x="49.857142857142854" y="-118.33333333333334"/>
<rect fill="" height="10" width="10" x="63.57142857142857" y="-146.66666666666669"/>
<rect fill="" height="10" width="10" x="77.28571428571429" y="-175"/>
<rect fill="" height="10" width="10" x="91" y="-203.33333333333331"/>
<rect fill="" height="10" width="10" x="104.71428571428571" y="-203.33333333333331"/>
<rect fill="" height="10" width="10" x="118.42857142857143" y="-231.66666666666669"/>
<rect fill="" height="10" width="10" x="132.14285714285714" y="-260"/>
<rect fill="" height="10" width="10" x="145.85714285714286" y="-260"/>
<rect fill="" height="10" width="10" x="159.57142857142858" y="-288.33333333333337"/>
<rect fill="" height="10" width="10" x="173.28571428571428" y="-288.33333333333337"/>
<rect fill="" height="10" width="10" x="187" y="-316.66666666666674"/>
<rect fill="" height="10" width="10" x="200.71428571428572" y="-316.66666666666674"/>
<rect fill="" height="10" width="10" x="214.42857142857142" y="-316.66666666666674"/>
<rect fill="" height="10" width="10" x="228.14285714285714" y="-316.66666666666674"/>
<rect fill="" height="10" width="10" x="241.85714285714286" y="-316.66666666666674"/>
<rect fill="" height="10" width="10" x="255.57142857142856" y="-316.66666666666674"/>
<rect fill="" height="10" width="10" x="269.2857142857143" y="-288.33333333333337"/>
<rect fill="" height="10" width="10" x="283" y="-288.33333333333337"/>
<rect fill="" height="10" width="10" x="296.7142857142857" y="-260"/>
<rect fill="" height="10" width="10" x="310.42857142857144" y="-260"/>
<rect fill="" height="10" width="10" x="324.14285714285717" y="-231.66666666666669"/>
<rect fill="" height="10" width="10" x="337.85714285714283" y="-203.33333333333331"/>
<rect fill="" height="10" width="10" x="351.57142857142856" y="-175"/>
<rect fill="" height="10" width="10" x="365.2857142857143" y="-146.66666666666669"/>
<rect fill="" height="10" width="10" x="379" y="-118.33333333333334"/>
<rect fill="" height="10" width="10" x="392.7142857142857" y="-90"/>
<rect fill="" height="10" width="10" x="406.42857142857144" y="-61.66666666666667"/>
</g>
</g>
<g>
<g>
<circle cx="13.714285714285714" cy="-28.333333333333336" fill="" r="5"/>
<circle cx="27.428571428571427" cy="-56.66666666666667" fill="" r="5"/>
<circle cx="41.142857142857146" cy="-85" fill="" r="5"/>
<circle cx="54.857142857142854" cy="-113.33333333333334" fill="" r="5"/>
<circle cx="68.57142857142857" cy="-141.66666666666669" fill="" r="5"/>
<circle cx="82.28571428571429" cy="-170" fill="" r="5"/>
<circle cx="96" cy="-170" fill="" r="5"/>
<circle cx="109.71428571428571" cy="-198.33333333333331" fill="" r="5"/>
<circle cx="123.42857142857143" cy="-226.66666666666669" fill="" r="5"/>
<circle cx="137.14285714285714" cy="-226.66666666666669" fill="" r="5"/>
<circle cx="150.85714285714286" cy="-255" fill="" r="5"/>
<circle cx="164.57142857142858" cy="-255" fill="" r="5"/>
<circle cx="178.28571428571428" cy="-283.33333333333337" fill="" r="5"/>
<circle cx="192" cy="-283.33333333333337" fill="" r="5"/>
<circle cx="205.71428571428572" cy="-283.33333333333337" fill="" r="5"/>
<circle cx="219.42857142857142" cy="-283.33333333333337" fill="" r="5"/>
<circle cx="233.14285714285714" cy="-283.33333333333337" fill="" r="5"/>
<circle cx="246.85714285714286" cy="-283.33333333333337" fill="" r="5"/>
<circle cx="260.57142857142856" cy="-255" fill="" r="5"/>
<circle cx="274.2857142857143" cy="-255" fill="" r="5"/>
<circle cx="288" cy="-255" fill="" r="5"/>
<circle cx="301.7142857142857" cy="-226.66666666666669" fill="" r="5"/>
<circle cx="315.42857142857144" cy="-198.33333333333331" fill="" r="5"/>
<circle cx="329.14285714285717" cy="-198.33333333333331" fill="" r="5"/>
<circle cx="342.85714285714283" cy="-170" fill="" r="5"/>
<circle cx="356.57142857142856" cy="-141.66666666666669" fill="" r="5"/>
<circle cx="370.2857142857143" cy="-113.33333333333334" fill="" r="5"/>
<circle cx="384" cy="-85" fill="" r="5"/>
<circle cx="397.7142857142857" cy="-56.66666666666667" fill="" r="5"/>
<circle cx="411.42857142857144" cy="-28.333333333333336" fill="" r="5"/>
</g>
</g>
<g>
<g>
<line stroke="black" stroke-width="1" x1="0" x2="0" y1="0" y2="10"/>
<line stroke="black" stroke-width="1" x1="137.14285714285714" x2="137.14285714285714" y1="0" y2="10"/>
<line stroke="black" stroke-width="1" x1="274.2857142857143" x2="274.2857142857143" y1="0" y2="10"/>
<line stroke="black" stroke-width="1" x1="411.42857142857144" x2="411.42857142857144" y1="0" y2="10"/>
</g>
<line stroke="black" stroke-width="1" x1="0" x2="480" y1="0" y2="0"/>
<g>
<text font-size="12" text-anchor="middle" x="0" y="20">
0
</text>
<text font-size="12" text-anchor="middle" x="137.14285714285714" y="20">
1
</text>
<text font-size="12" text-anchor="middle" x="274.2857142857143" y="20">
2
</text>
<text font-size="12" text-anchor="middle" x="411.42857142857144" y="20">
3
</text>
</g>
<text font-size="12" text-anchor="middle" x="240" y="30">
x
</text>
</g>
<g>
<g>
<line stroke="black" stroke-width="1" x1="0" x2="-10" y1="-0" y2="-0"/>
<line stroke="black" stroke-width="1" x1="0" x2="-10" y1="-113.33333333333334" y2="-113.33333333333334"/>
<line stroke="black" stroke-width="1" x1="0" x2="-10" y1="-226.66666666666669" y2="-226.66666666666669"/>
<line stroke="black" stroke-width="1" x1="0" x2="-10" y1="-340" y2="-340"/>
</g>
<line stroke="black" stroke-width="1" x1="0" x2="0" y1="0" y2="-340"/>
<g>
<text dominant-baseline="middle" font-size="12" text-anchor="end" x="-15" y="-0">
0
</text>
<text dominant-baseline="middle" font-size="12" text-anchor="end" x="-15" y="-113.33333333333334">
0.4
</text>
<text dominant-baseline="middle" font-size="12" text-anchor="end" x="-15" y="-226.66666666666669">
0.8
</text>
<text dominant-baseline="middle" font-size="12" text-anchor="end" x="-15" y="-340">
1.2
</text>
</g>
<text font-size="12" text-anchor="middle" transform="rotate(-90 -36 -170)" x="-36" y="-182">
y(x) = sin(x)
</text>
</g>
</g>
</svg>